<script setup>
import MyHeader from '@/components/netshop/header.vue'
import MyFooter from '@/components/netshop/footer.vue'
import MineInfosView from '@/views/shop/mineInfo.vue'
</script>
<template>
  <div className="user">
    <MyHeader/>
    <div className="user-content">
      <div className="user-content-left">
        <MineInfosView/>
      </div>
      <div className="user-content-right">
        <router-view/>
      </div>
    </div>
    <MyFooter/>
  </div>
</template>

<style scoped>
.user {
  display: block;
}

.user-content {
  display: flex;
  flex-direction: row;
  /*/ / background-color: #2a9a44;*/
  max-width: 1200px;
  min-width: 800px;
  margin: 80px auto;
}
.user-content-left {
}

.user-content-right {
  flex: 1;
  padding-right: 20px;
}

</style>